<!DOCTYPE html>
<html lang="zh">

<head>
  <title>seeders-admin后台管理模板2.0</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="static/css/bootstrap.min.css" />
  <link rel="stylesheet" href="static/css/font-awesome.min.css" />
  <link rel="stylesheet" href="static/css/sdxmenu.css" />
  <link rel="stylesheet" href="static/css/seeder-admin.css" />
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #ffffff;">
    <a class="navbar-brand sdx-trigger">seeder-admin2.0</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarbody"
      aria-controls="navbarbody" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarbody">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">首页</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">平台</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">商城</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">资金</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="javascript:void(0)">招商</a>
        </li>
      </ul>

      <ul class="navbar-nav">
        <li class="nav-item active dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false">
            <img class="sd-img-avatar" src="static/imgs/avatar.png" alt="管理员" />
            admin888
          </a>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
            <a class="dropdown-item" href="#">个人信息</a>
            <a class="dropdown-item" href="#">修改密码</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="page_login.html">退出登录</a>
          </div>
        </li>
      </ul>
    </div>
  </nav>

  <aside class="sdxmenu-wrapper" data-sdxmenu>
    <div class="sdxmenu-scroll-box">
      <ul class="sdxmenu">
        <li>
          <a href="javascript:void(0)" class="fa fa-search">
            <input placeholder="请输入搜索内容" class="sdxmenu-search" /></a>
        </li>

        <li><a href="javascript:void(0)" class="fa fa-home">关于</a></li>

        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-wrench">工具类</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="javascript:void(0)" class="fa fa-code-fork">浮动</a>
            </li>
          </ul>
        </li>
        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-check-square-o">表单</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="forms_demo.html" class="fa fa-code-fork">演示</a>
            </li>
            <li>
              <a href="forms_control.html" class="fa fa-code-fork">控件</a>
            </li>
            <li>
              <a href="forms_validate.html" class="fa fa-code-fork">验证</a>
            </li>

          </ul>
        </li>

        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-building">组件</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="component_button.html" class="fa fa-code-fork">按钮</a>
            </li>
            <li>
              <a href="component_badge.html" class="fa fa-code-fork">徽章</a>
            </li>
            <li>
              <a href="component_alert.html" class="fa fa-code-fork">警告框</a>
            </li>
            <li>
              <a href="component_table.html" class="fa fa-code-fork">表格</a>
            </li>
            <li>
              <a href="component_datepicker.html" class="fa fa-code-fork">日期选择器</a>
            </li>
            <li>
              <a href="component_richtext.html" class="fa fa-code-fork">富文本</a>
            </li>
          

          </ul>
        </li>

        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-paper-plane-o">页面</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="page_login.html" class="fa fa-code-fork">登录页面</a>
            </li>
            <li>
              <a href="page_curd.html" class="fa fa-code-fork">curd页面</a>
            </li>

          </ul>
        </li>



        <li class="sdxmenu-item-has-submenu">
          <a href="javascript:void(0)" class="fa fa-tachometer">仪表盘</a>
          <ul class="sdxmenu-submenu">
            <li>
              <a href="dashboard_chart.js.html" class="fa fa-code-fork">chart.js</a>
            </li>
            <li>
              <a href="javascript:void(0)" class="fa fa-code-fork">echartsjs.js(百度产品)</a>
            </li>
          </ul>
        </li>


        <li><a href="javascript:void(0)" class="fa fa-home">图标</a></li>
      </ul>
    </div>
  </aside>

  <main class="container">
    <div class="row">
      <div class="col">
        <h2>内联表单</h2>
        <form class="form-inline">
          <label class="sr-only" for="inlineFormInputName2">Name</label>
          <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="Jane Doe">
        
          <label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
          <div class="input-group mb-2 mr-sm-2">
            <div class="input-group-prepend">
              <div class="input-group-text">@</div>
            </div>
            <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Username">
          </div>
        
          <div class="form-check mb-2 mr-sm-2">
            <input class="form-check-input" type="checkbox" id="inlineFormCheck">
            <label class="form-check-label" for="inlineFormCheck">
              Remember me
            </label>
          </div>
        
          <button type="submit" class="btn btn-xs btn-primary mb-2">Submit</button>
        </form>
      </div>
    </div>
    <div class="row">
      <div class="col">
        <h2>自定义样式表单</h2>
        <form class="needs-validation" novalidate>
          <div class="form-row">
            <div class="col-md-4 mb-3">
              <label for="validationCustom01">First name</label>
              <input type="text" class="form-control" id="validationCustom01" value="Mark" required>
              <div class="valid-feedback">
                Looks good!
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validationCustom02">Last name</label>
              <input type="text" class="form-control" id="validationCustom02" value="Otto" required>
              <div class="valid-feedback">
                Looks good!
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validationCustomUsername">Username</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text" id="inputGroupPrepend">@</span>
                </div>
                <input type="text" class="form-control" id="validationCustomUsername" aria-describedby="inputGroupPrepend" required>
                <div class="invalid-feedback">
                  Please choose a username.
                </div>
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-6 mb-3">
              <label for="validationCustom03">City</label>
              <input type="text" class="form-control" id="validationCustom03" required>
              <div class="invalid-feedback">
                Please provide a valid city.
              </div>
            </div>
            <div class="col-md-3 mb-3">
              <label for="validationCustom04">State</label>
              <select class="custom-select" id="validationCustom04" required>
                <option selected disabled value="">Choose...</option>
                <option>...</option>
              </select>
              <div class="invalid-feedback">
                Please select a valid state.
              </div>
            </div>
            <div class="col-md-3 mb-3">
              <label for="validationCustom05">Zip</label>
              <input type="text" class="form-control" id="validationCustom05" required>
              <div class="invalid-feedback">
                Please provide a valid zip.
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" value="" id="invalidCheck" required>
              <label class="form-check-label" for="invalidCheck">
                Agree to terms and conditions
              </label>
              <div class="invalid-feedback">
                You must agree before submitting.
              </div>
            </div>
          </div>
          <button class="btn btn-xs btn-primary" type="submit">Submit form</button>
        </form>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-6">
        <h2>基本表单</h2>
        <form>
          <div class="form-group">
            <label for="exampleInputEmail1">Email address</label>
            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">Password</label>
            <input type="password" class="form-control" id="exampleInputPassword1">
          </div>
          <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" id="exampleCheck1">
            <label class="form-check-label" for="exampleCheck1">Check me out</label>
          </div>
          <button type="submit" class="btn btn-xs btn-primary">Submit</button>
        </form>
      </div>
      <div class="col-sm-6">
        <h2>label在左侧</h2>
        <form>
          <div class="form-group row">
            <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label>
            <div class="col-sm-10">
              <input type="email" class="form-control" id="inputEmail3">
            </div>
          </div>
          <div class="form-group row">
            <label for="inputPassword3" class="col-sm-2 col-form-label">Password</label>
            <div class="col-sm-10">
              <input type="password" class="form-control" id="inputPassword3">
            </div>
          </div>
          <fieldset class="form-group">
            <div class="row">
              <legend class="col-form-label col-sm-2 pt-0">Radios</legend>
              <div class="col-sm-10">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
                  <label class="form-check-label" for="gridRadios1">
                    First radio
                  </label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
                  <label class="form-check-label" for="gridRadios2">
                    Second radio
                  </label>
                </div>
                <div class="form-check disabled">
                  <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3" disabled>
                  <label class="form-check-label" for="gridRadios3">
                    Third disabled radio
                  </label>
                </div>
              </div>
            </div>
          </fieldset>
          <div class="form-group row">
            <div class="col-sm-2">Checkbox</div>
            <div class="col-sm-10">
              <div class="form-check">
                <input class="form-check-input" type="checkbox" id="gridCheck1">
                <label class="form-check-label" for="gridCheck1">
                  Example checkbox
                </label>
              </div>
            </div>
          </div>
          <div class="form-group row">
            <div class="col-sm-10">
              <button type="submit" class="btn btn-xs btn-primary">Sign in</button>
            </div>
          </div>
        </form>
      </div>
    </div>






  </main>

  <script src="static/js/jquery-3.4.1.min.js"></script>
  <script src="static/js/popper.min.js"></script>
  <script src="static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="static/js/sdxmenu.js"></script>
  <script type="text/javascript" src="static/js/seeders-admin.js"></script>

</body>

</html>